<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>服务</title>
	<link rel="stylesheet" href="../../css/index.css" />
</head>
<body>
<!--服务-->
<div class="service-page page-bg">

	<!---->
	<div class="table">
		<ul class="ul_head">
			<li style="width: 4%; border:none;">
			</li>
			<li style="width: 15%;border:none;">名称</li>
			<li style="width: 19%">服务</li>
			<li style="width: 20%">主机</li>
			<li style="width: 40%">状态</li>
		</ul>
		<ul class="ul_body">
			<li class="li_tr">
				<ul>
					<li class="ul_body_td" style="width: 4%; border:none;">
					</li>
					<li class="ul_body_td" style="width: 15%">
						<p class="td_content">
							troila
						</p>
					</li>
					<li class="ul_body_td" style="width: 19%">
						<p class="td_content">server10</p>
					</li>
					<li class="ul_body_td" style="width: 20%">
						<p class="td_content">研发专用</p>
					</li>
					<li class="ul_body_td" style="width: 40%">
						<p class="td_content"><span class="state-on state_sign">启用</span></p>
					</li>
				</ul>
			</li>
		</ul>
	</div>
	<!--底部分页-->
	<div class="table-footer">
		<!--设置每页显示条数-->
		<div class="change-record">
			<label class="foot-label">每页显示</label>
			<div class="record-select">
				<p class="now-record">10<i class="show-record-ul com_icon"></i></p>
				<ul class="record-ul">
					<li class="record-item">10</li>
					<li class="record-item">20</li>
				</ul>
				<span class="record-unit">条</span>
			</div>
		</div>
	</div>
</div>
</body>
<script type="text/javascript" src="../../js/libs/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../js/view/systemManage/service.js"></script>

</html>
